<template>
  <el-drawer
    title="我是标题"
    :visible="visible"
    :with-header="false"
    :before-close="handleClose"
    size="220px"
    class="portalRightPanel"
  >
    <!-- <span>我来啦!</span> -->
    <slot></slot>
    <!-- <div class="portalRightPanel-title">系统布局配置</div>
    <div class="portalRightPanel-container">
      <div class="portalRightPanel-container-item">
        <div class="label">开启页签</div>
        <div class="action">
          <el-switch v-model="value"></el-switch>
        </div>
      </div>
    </div>-->
  </el-drawer>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  name: "portalRightPanel",
  methods: {
    handleClose () {
      this.$emit("close");
    }
  }
};
</script>

<style lang="less">
.el-drawer:focus {
    outline: none;
}

</style>

